<template>
    <div class="father">
      <h1>custom_eventFather组件</h1>
      <h2>自定义事件是通过Father传一个自定义函数，Child通过defineemits接收然后调用，Father才能拿到数据</h2>
      <h1 v-if="toy">Child传来的玩具:{{ toy }}</h1>
      <!-- 第一种的props方式是通过child的defineprops接收函数 -->
      <!-- <Child :toyFunction="getToy"/> -->
      <!-- 这是第二种自定义事件 -->
      <Child @toy-function="getToy"/>
    </div>
  </template>
  
  <script lang="ts" setup>
  import Child from './Child.vue'
  import useFatherComponent from '@/hooks/useFatherComponent';
  const { getToy,toy } = useFatherComponent()
  </script>
  
  <style scoped>
  </style>